body{
	font-family: 'Microsoft YaHei';
	font-size: 15px;
	background-color: #F9F7F9;
}
.header{
    background: rgba(42,44,51,1);
    box-shadow: inherit;
}
.mui-ios.mui-bar-transparent{
	top: 15px;
}
.vh-max-1{
	max-height: 100vh;
	overflow: hidden;
}
.header a{
	color: #fff;
}
.mui-bar a{
	color: #fff;
}
.mui-title{
	color: #fff;
	font-size: 18px;
}
.mui-content{
	background-color: #F9F7F9;
	color: #333;
}
.banner{
	position: relative;
	min-height: 50vw;
}
.banner img{
	display: block;
	width: 100%;
	height: auto;
}
.banner .fund-userInfo{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.fund-box{
	height: 50vw;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	background-image: url(../../../images/my/fund/fund-banner-2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #fff;
}
.fund-money{
	font-size: 30px;
	display: inline-block;
	margin:17px 0;
	font-weight: normal;
}
.fund-txt{
	font-size: 15px;
	display: inline-block;
	padding-bottom: 35px;
}
.card{
	font-size: 15px;
	background-color: #fff;
	margin: 10px 0 0;
}
.card-header{
	position: relative;
	font-size: 14px;
	min-height: 35px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding:0 12px;
}
.card-header:after{
	position: absolute;
    right: 15px;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #F0F0F0;
    bottom: 0;
    top: auto;
}
.card-header .header-icon{
	width: 2px;
	background-color: #38ACF5;
	display: inline-block;
	height: 12px;
	margin-right: 6px;
}
.card-content{
	padding: 5px 0;
}
.card-content .card-tab-view .card-cell-item{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 12px;
}
.mui-table .item-tit{
	color: #666;
}
.title{
	margin: 13px 11px;
	font-size: .19rem;
	line-height: 1.1;
}
.detail-foot{
	padding: 15px 0;
	text-align: center;
	color: #999;
}
.found-detail .mui-segmented-control{
	border: none;
	background-color: #fff;
	position: fixed;
	z-index: 10;
    right: 0;
    left: 0;
}
.detail-box{
	padding-top: 38px;
}
.detail-box .mui-table-view{
	background-color: inherit;
}
.found-detail .mui-segmented-control .mui-control-item{
	line-height: 35px;
	color: #333;
	font-size: 15px;
	border-bottom: 1px solid #F0F0F0;
	border-left: none;
}
.found-detail .mui-segmented-control .mui-control-item.mui-active{
	color: #38ACF5;
	background-color: #fff;	
}
.found-detail .mui-segmented-control .mui-control-item span{
	display: inline-block;
}
.found-detail .mui-segmented-control .mui-control-item.mui-active span{
	border-bottom:2px solid #38ACF5 ;
}
.found-detail .mui-table-view:before,.found-detail .mui-table-view:after{
	/*background-color: #F0F0F0;*/
	height: 0;
}
.found-detail .mui-table-view-cell{
	padding: 0;
	/*padding: 12px 11px;*/
	margin: 10px 12px;
	background-color: #fff;
	border-radius: 4px;
	display: flex;
	min-height: 70px;
}
.mui-table-view-cell .cell-item-tit{
	display: flex;
	flex-direction: column;
	width: 20.53vw;
	background-color: #38ACF5;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.cell-item-tit .tit-date{
	font-size: .25rem;
	line-height: 1.4;
}
.cell-item-tit .tit-money{
	font-size:.11rem;
}
.found-detail .mui-table-view-cell:after{
	/*background-color: #F0F0F0;
	left: 11px;*/
	height: 0;
}
.found-detail .mui-table-view-cell .cell-item{
	flex: 1;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 8px 15px 8px 10px;
}
.cell-item p{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 0;
	color: #999;
}
.cell-item p span:last-child{
	color: #333;
}
.txt-default{
	color: #333;
}
.txt-primary{
	color: #38ACF5;
}
.txt-danger{
	color: #F53838;
}
.card-list{
	margin:10px 12px;
	border-radius: 4px;
	background-color: #fff;
}
.card-list-header:before{
	content: '';
	display: block;
	width: 65px;
	height: 55px;
	background-image: url(../../../images/my/fund/bg-card.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.card-list-header{
	text-align: center;
	color: #fff;
	font-size: .17rem;
	height: 60px;
	line-height: 60px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
}
.bg-primary{
	background-color: #38ACF5;
}
.card-list-content{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: flex;
	padding: 15px 10px;
	flex-direction: column;
}
.card-list-content .content-cell{
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	font-size: .14rem;
	line-height: 1.1;
}
.card-list-content .content-cell span:first-child{
	color: #666;
}

header.header{
    background: #2a2c33;
}

.header a{
    color:#fff;
}

.fund-userInfo{
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.userInfo-tit{
	font-size: 0.15rem;
	margin: 4.8vw;
}
.userInfo-money{
	margin-bottom: 1.33vw;
}
.userInfo-money span:first-child{
	display: inline-block;
	line-height: 1;
	font-size: 0.4rem;
}
.userInfo-detail{
	font-size: 0.14rem;
	display: flex;
}
.userInfo-detail span:last-child{
	padding-left:4vw ;
	position: relative;
}
.userInfo-detail span:last-child:before{
	display: inline-block;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 2vw;
	top: 0;
}
.userInfo-btn-box{
	padding:5.33vw 0 0;
}
.userInfo-btn-box .btn{
	width: 33.33vw;
	height: 10.67vw;
	border-radius: 20px;
	background: rgba(255,255,255,.12);
	border:1px solid #F9F7F9;
	color: #fff;
	font-size: .14rem;
}
.icon{
	display: inline-block;
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4vw;
	vertical-align: top;
}
.icon-show{
	background-image: url(../../../images/my/fund/icon-show.png);
}
.icon-hide{
	background-image: url(../../../images/my/fund/icon-hide.png);
}
.fund-list{
	margin-top: 2.67vw;
	background-color: #fff;
}
.fund-cell{
	position: relative;
	display: flex;
}
.fund-cell:after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #f0f0f0;
	bottom: 0;
}
.fund-cell .cell-item{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 26.67vw;
	font-size: .15rem;
	position: relative;
}
.cell-item.cell-item-one{
	width: 50%;
	flex: inherit;
}
.fund-cell .cell-item:nth-of-type(2n-1):after{
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	right: 0;
	height: 67%;
	width: 1px;
	background-color: #f0f0f0;
}
.fund-cell .cell-item img{
	width: 35px;
	height: 35px;
	display: block;
}
.fund-cell .cell-item span{
	margin-top: 2.4vw;
}

.datePicker{
	color: #38ACF5;
	display: flex;
	height: 50px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
}
.datePicker .mui-icon{
	font-size: 22px;
	line-height: 50px;
	flex: 1;
}
.datePicker .mui-icon-arrowleft{
	text-align: right;
}
.datePicker .datePicker-date{
	font-size: .15rem;
	line-height: 50px;;
	padding:0 13px;
}
.btn-primary{
	background-color: #38ACF5 ;
	color: #fff;
}
.mui-content-padded{
	margin: 12px;
}
.mui-btn.btn-exit{
	font-size: 15px;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    
}
.flex{
	display: flex;
	flex-direction: column;
}
.flex span{
	width: 100%;
}
